<template>
	<u-tabbar 
	v-model="current" 
	:list="list" 
	active-color="#2b85e4"
	inactive-color="#909399"
	></u-tabbar>
</template>

<script setup lang="ts">
    const list = reactive([{
						iconPath: "home",
						selectedIconPath: "home-fill",
						text: '首页',
						customIcon: false,
						pagePath: '/pages/index/index'
					},
					{
						iconPath: "integral",
						selectedIconPath: "integral-fill",
						text: '专项',
						customIcon: false,
						pagePath: '/pages/project/project'
					},
					{
						iconPath: "coupon",
						selectedIconPath: "coupon-fill",
						text: '文章',
						customIcon: false,
						pagePath: '/pages/article/article'
					},
					{
						iconPath: "account",
						selectedIconPath: "account-fill",
						text: '我的',
						customIcon: false,
						pagePath: '/pages/my/my'
					},
				])
			let current = ref(0)
</script>

<style>
</style>